<!doctype html>
<html>		
		<head>
			<meta charset="utf-8">
			<script src="js/angular.min.js"></script>
			<link rel="stylesheet" href="css/bootstrap.css">
		</head>
		<body ng-app>
			<div class="panel panel-primary">
				<div class="panel-heading">
					<div class="panel-title">双向数据绑定</div>
				</div>
				<div class="panel-body">
				</div>
			</div>
			<div class="container">
				<div class="row">
				  <div class="col-md-1">.col-md-1</div>
				  <div class="col-md-1">.col-md-1</div>
				  <div class="col-md-1">.col-md-1</div>
				  <div class="col-md-1">.col-md-1</div>
				  <div class="col-md-1">.col-md-1</div>
				  <div class="col-md-1">.col-md-1</div>
				  <div class="col-md-1">.col-md-1</div>
				  <div class="col-md-1">.col-md-1</div>
				  <div class="col-md-1">.col-md-1</div>
				  <div class="col-md-1">.col-md-1</div>
				  <div class="col-md-1">.col-md-1</div>
				  <div class="col-md-1">.col-md-1</div>
				</div>
				<div class="row">
				  <div class="col-xs-12 col-sm-6 col-md-8">.col-xs-12 .col-sm-6 .col-md-8</div>
				  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
				</div>
				<div class="row">
				  <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
				  <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
				  <!-- Optional: clear the XS cols if their content doesn't match in height -->
				  <div class="clearfix visible-xs-block"></div>
				  <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
				</div>
			</div>
		</body>
	    <style type="text/css">
	    </style>
		<script type="text/javascript">
		</script>
</html>
